<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        let name = '段总'
        let zwl = {
            name:'曾总'
        };
        let xz = {
            name:'项总',
            getName:function(){
                console.log(this.name,'-------');
            }
            //this是关键字 函数被运行时，动态创建出来
            // 1. zx.GetName()被运行时，运行方式是对象的方法被调用
            //  this指向对象
            // 2.函数作为时间响应函数的形式被调用，this指向事件对象
        }
        xz.getName();//this 被动态决定的
        // fn 代码体 getName一样，但是运行方式不一样
        // fn 普通函数运行时，this指向全局
        const fn = xz.getName;
        console.log(fn); //this 丢失了
        fn();
        const fn2 = fn.bind(zwl);
        //this可以被手动指定
        console.log(fn2)
        fn2();
    </script>
</head>
<body>
    
</body>
</html>